<template>
  <div class="movies" >
    
  </div>
</template>

<script>
export default {
    props:{
      data:{
       type:Object
      },
    }
}
</script>

<style>
.movies{
  padding:10px ;
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #949292;
}
.Movie_img{
  width: 66px;
  height: 93px;
}
.detail{
  margin-left:30px ;
}
.detail p{
  margin:5px;
  color: #949292;
  font-size: 12px;
}
.detail span{
  color: orange;
}
.detail p:nth-child(1){
  color: #333;
  font-size: 14px;
}
.shopping{
  position: absolute;
  right: 30px;
  color: orangered;
  border: 1px solid orangered;
  padding: 5px 8px;
}
</style>